<template>
	<swiper class="swiper" autoplay="true">
		<swiper-item>
			<image src="../../static/images/tab3.png" class="slides" mode="widthFix"></image>
		</swiper-item>
		<swiper-item>
			<image src="../../static/images/list_2.png" class="slides" mode="widthFix"></image>
		</swiper-item>
		<swiper-item>
			<image src="../../static/images/list3.jpg" class="slides" mode="widthFix"></image>
		</swiper-item>
	</swiper>
</template>

<script>
	export default {
		name: "swiper-custom",
		props: {
			list: {
				type:Array,
				default:[]
			}

		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="less">
	.swiper {
		height: 200rpx;
		width: 100%;

		.slides {
			height: 200px;
			width: 100%;
		}
	}
</style>
